草庐IT

HTML5 SVG

全部标签

用于 mac OSX 的 Chrome 浏览器中 HTML5 Canvas getImageData 的 javascript 内存泄漏

此问题已在新的chrome版本(版本35.0.1916.114)中修复在chromeforma​​cosx中,CanvasRenderingContext2D#getImageData函数会造成内存泄漏,我该如何避免这个问题,这是测试用例和结果,它只是发生了在chrome浏览器中,safari是可以的CanvasRenderingContext2D#getImageDatabuginchromevarg;functioninit(){g=document.getElementById('canvas').getContext('2d');g.fillStyle="blue";g.fil

javascript - 使用 require 和 backbone 通过 html 文件而不是脚本标签加载模板

我有一个非常简单的网页,它使用backbone从模板文件加载View:TravelDatedon'tknowit?FLIGHT#don'tknowit?Match在flight-match-form.js中,我只是说:$(document).ready(function(){varMatchView=Backbone.View.extend({initialize:function(){this.render();},render:function(){//Compilethetemplateusingunderscorevartemplate=_.template($("#templ

javascript - 在现有的、分离的 SVG 元素上创建 d3 选择

我有一个JavaScript组件,它将提供元素到它的主机。我想使用d3.js填充SVG元素。如果我让d3.js创建SVG元素并将其添加到,然后事情按预期工作:varchart=d3.select('body').append('svg');但是我已经有了一个SVG元素。我希望我的代码更接近于:varsvg=document.createElement('svg'),chart=d3.select(svg);后一种方法会填充SVG元素(如Chrome开发人员工具的元素面板中所示),但无法正确呈现。我是不是做错了?我不介意d3是否创建SVG元素,只要它不将它附加到DOM并且我可以访问它。编

javascript - 如何动态添加行到html表

我有一个ASP.netMVC4.0web应用程序,它使用户能够动态地将行添加到html表。在我看来:$('.del').live('click',function(){id--;varrowCount=$('#options-tabletr').length;if(rowCount>2){$(this).parent().parent().remove();}});$('.add').live('click',function(){id++;varmaster=$(this).parents("table.dynatable");//Getanewrowbasedontheprotot

javascript - 从 <object> 元素创建 Snap.svg 对象

Snap.svg的文档Snap()函数列出了创建Snap对象的三种可能方法。Snap(width,height)-创建给定尺寸的新空白Canvas。Snap(svgelement)-从现有的内联SVG元素创建SnapCanvasSnap(cssselector)-同上,但使用选择器而不是直接引用是否可以从嵌入为的SVG创建Snap对象元素或? 最佳答案 通过查看源代码,我认为只需执行Snap('#object-id')即可为您提供SVG,而不是执行.node.contentDocument。这可能是最近的一项改进,但截至今天,这已正

javascript - 在全局/根坐标中确定 SVG 视口(viewport)

在SVG元素中实际可见的内容取决于它的纵横比,它的viewBox值,及其preserveAspectRatio值(value)。例如,具有相同viewBox值(下方红色虚线)的相同SVG元素大小可以根据preserveAspectRatio具有不同视口(viewport)(下方蓝色部分):Chrome有一个viewport属性,但在我的使用中它始终是一个空的(全部为0值)SVGRect。Firefox不实现此属性。svg.getBBox()方法返回viewBox的值,而不是实际可见的视口(viewport)内容。给定对SVG元素的引用,我如何才能最轻松地确定可见内容(视口(viewpo

javascript - angular-leaflet-directive 自定义消息 html,在标记弹出窗口中带有 Angular Directive(指令)。如何?

我想将带有$scope事件处理程序的自定义html标记插入传单标记的消息属性。例如:App.controller('testController',['$scope',"leafletEvents",'$compile','leafletMarkersHelpers',function($scope,leafletEvents,$compile,leafletMarkersHelpers){angular.extend($scope,{currentLocation:{lat:20,lng:20,zoom:20},markers:{},defaults:{scrollWheelZoom

javascript - 如何在不在html上添加脚本标签的情况下使用google-maps-api-v3

我已经使用bower、gulp和browserify自动化了前端开发。我正在使用一个名为Gmaps的库处理对谷歌地图的api调用。问题是我必须在导入gmaps之前在我的html上添加一个脚本标签。我尝试从脚本链接下载js代码并连接到我的其他js文件,但没有成功,希望创建一个all.min.js并避免在我的网站上有多个脚本标签。我只能设法将脚本标签添加到html来完成这项工作。是否有在串联文件中使用googlemapsapi的方法? 最佳答案 当您想使用maps-API而无需另外时-文档中的元素答案很明确:否maps-API不仅使用了

javascript - 如何知道何时导入包或将其粘贴到 index.html

好的,我正在使用ES6和ReactJS,一些你应该做的包importReactfrom"react";为了让他们工作,但其他人在index.html,那么,我应该在哪些情况下应用一个或另一个? 最佳答案 一般来说,有两种类型的模块。ES6和非ES6。如果你想在ES6中使用非ES6模块,你可以尝试以下方法之一:使用CommonJS编译(例如通过npm使用jQuery作为CommonJS)加载SystemJS以允许ES6与CommonJS、AMD和全局变量一起工作如果您不想这样做,您可以尝试在HTML中导入非ES6脚本。在这种情况下,你

javascript - 使用 Webpack 将 SVG 附加到 DOM

目前,我的公司在我们的AngularJS网络应用程序的index.html中包含一个相当大的SVGSprite图,其中包含各种图标。主SVG由CSS隐藏,我们通过按ID选择它们来显示SVG中的各个图标:我们现在正尝试通过拆分SVG并将生成的部分内联到需要它们的页面上来减少我们网站的加载时间。由于我们也转向Webpack来捆绑我们的应用程序,我们希望在Angular模块中指定特定SVG文件的依赖项,然后让Webpack将SVG的内容(可能包装在div中)插入DOM.有没有办法用现有的装载机实现这一目标?我找到了基本上导出SVG内容的raw-loader。但是,我不知道如何将它与另一个将插